.flex-container {
    display: flex;
}

.flex-child {

	padding:30px;
}  

.flex-child:first-child {
    margin-right: 0px;
	width: 60%;
} 

.button {
	display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-family: inherit;
    padding: 6px 24px;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    color: #0068b5;
}


h1, h3, p {
font-family: 'IntelOne Display';
}

.logo {
max-width:240px;
}

.logo-container {
text-align:center;
margin:55px;
}

.before-cal {
text-align:center;
margin:25px;
}

.fc-daygrid-day-top a {
    color:black;
	cursor: pointer!important;
}

.color1 {
width: 40px!important;
height: 20px!important;
background: var(---8f5da2) 0% 0% no-repeat padding-box;
background: #8F5DA2 0% 0% no-repeat padding-box;
border-radius: 20px;
opacity: 1;
display:inline-block;
margin-right:10px;
}

.color2 {
width: 40px!important;
height: 20px!important;
background: var(---00C7FD) 0% 0% no-repeat padding-box;
background: #00C7FD 0% 0% no-repeat padding-box;
border-radius: 20px;
opacity: 1;
display:inline-block;
margin-left:10px;
margin-right:10px;
}

.color3 {
width: 40px!important;
height: 20px!important;
background: var(---E96115) 0% 0% no-repeat padding-box;
background: #E96115 0% 0% no-repeat padding-box;
border-radius: 20px;
opacity: 1;
display:inline-block;
margin-left:10px;
margin-right:10px;
}

.color4 {
width: 40px!important;
height: 20px!important;
background: var(---FEC91B) 0% 0% no-repeat padding-box;
background: #FEC91B 0% 0% no-repeat padding-box;
border-radius: 20px;
opacity: 1;
display:inline-block;
margin-left:10px;
margin-right:10px;
}



.m_Footer a {
    color: #252525;
    font-size: 12px;
}

.m_Footer p {
    color: #252525;
    font-size: 12px;
}

    @media screen and (max-width:1024px) {
.flex-container {
    display: flex;
	flex-direction: column;
}
.no-padding {
		padding:20px!important;
}

.flex-child:first-child {
    margin-right: 0px;
	width: 100%;
	padding-left:80px!important;
} 

.mobile-width {
	width: 100%!important;
}

    }